<div>

<form name="registration">
	
	<div id="regDiv">

		<h1 class="header">Register</h1>
	
		<div class="field">
		<label class="formLabel" for="username">Username:</label>
		<input id="username" name="username" type="text"
			placeholder="Username" name="username" ng-minlength="5"
			ng-maxlength="20" ng-pattern="/^[A-z][A-z0-9]*$/"
			ng-model="newLecturer.lecturer.username" required /> <span class="required"
			ng-show="registration.username.$error.required">Required field.</span> <span class="required"
			ng-show="!registration.username.$error.minLength && !registration.username.$error.maxLength && registration.username.$error.pattern && registration.username.$dirty">Must
			start with a letter, and contain letters &amp; numbers only.</span> <span class="required"
			ng-show="!registration.username.$error.required && (registration.username.$error.minlength || registration.username.$error.maxlength) && registration.username.$dirty">Username
			must be between 5 and 20 characters.</span>
		</div>
		
		<div class="field">
		<label class="formLabel" for="password">Password:</label>
		<input id="password" name="password" type="password"
			placeholder="Password" ng-model="newLecturer.lecturer.password"
			ng-minlength="4" ng-maxlength="20"
			ng-pattern="/(?=.*[a-z])(?=.*[A-Z])(?=.*[^a-zA-Z])/" required /> <span class="required"
			ng-show="registration.password.$error.required">Required field.</span> <span class="required"
			ng-show="!registration.password.$error.required && (registration.password.$error.minlength || registration.password.$error.maxlength) && registration.password.$dirty">Passwords
			must be between 8 and 20 characters.</span> <span class="required"
			ng-show="!registration.password.$error.required && !registration.password.$error.minlength && !registration.password.$error.maxlength && registration.password.$error.pattern && registration.password.$dirty">Must
			contain one lower &amp; uppercase letter, and one non-alpha
			character (a number or a symbol).</span>
		</div>
			

	<div class="field">
		<label class="formLabel" for="conf_password">Confirm Password:</label>
			<input id="conf_password" name="conf_password" type="password"
				placeholder="Confirm Password" ng-model="repeatPassword"
				valid-password-c required /> <span class="required"
				ng-show="registration.conf_password.$error.required">Please
				confirm your password.</span> <span class="required"
				ng-show="!registration.conf_password.$error.required && registration.conf_password.$error.noMatch && registration.password.$dirty">Passwords
				do not match.</span>
	</div>

	<div class="field">
		<label class="formLabel" for="email">Email:</label>
			<input id="email" type="email" name="email" placeholder="Email"
				ng-model="newLecturer.lecturer.email" required /> <span class="required"
				ng-show="registration.email.$error.required">Required field.</span> <span class="required"
				ng-show="!registration.email.$error.required && registration.email.$error.email && registration.email.$dirty">invalid
	</div>

	<div class="field">
		<label class="formLabel" for="name">Name:</label>
			<input id="name" name="name" type="text" placeholder="Name"
				ng-model="newLecturer.lecturer.name" required></input> <span class="required"
				ng-show="registration.name.$error.required">Required field.</span>
	</div>

	<div class="field">
		<label class="formLabel" for="biography">Biography:</label>
			<textarea id="biography" name="biography" type="text"
				placeholder="Biography" ng-model="newLecturer.lecturer.biography"
				required></textarea>
			<span class="required" ng-show="registration.biography.$error.required">Required field.</span>
	</div>

	<button class="myButton" type="submit" ng-click="createLecturer()"
		ng-disabled='!registration.$valid'>Create</button>
	
		<span class="fail">{{reg_fail_div}}</span>
</div>
</form>
</div>
<!--Username username password email name biography list lectures list
conferences
 -->